<template>
  <div class="test">
      <el-select v-model="value" clearable filterable placeholder="请选择开通客户">
        <el-option
          v-for="item in students"
          :key="item.id"
          :label="item.username"
          :disabled="item.isEnable == 0"
          :value="item.id">
          <span style="float: left">{{ 'ID: ' + item.id }}</span>
          <span style="float: right;  font-size: 14px">{{ item.username }}</span>
        </el-option>
      </el-select>
  </div>

</template>


<script>

  export default {
    data() {
      return {
        students:[],
        value: ''
      }
    }
  }
</script>
<style lang="scss" scoped>
    .test{
      width: 400px;
      padding: 30px;
      margin: 0 auto;
    }
</style>